<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  <title>CSS盒子模型</title>
  <style>
	#d1{
		width: 200px;	/*内容的宽*/
		height: 100px;	/*内容的高*/
		border: 10px solid #aaa;
		padding: 15px;	/*填充、内填充*/
		margin: 20px;	/*间距、外间距*/
	}
	#d2{
		margin-top: 30px;
	}

	#d3{
		
	}
  </style>
 </head>

 <body>
  <div id="d1">盒子中内容盒子中内容盒子中内容盒子中内容盒子中内容盒子中内容盒子中内容盒子中内容盒子中内容盒子中内容盒子中内容盒子中内容</div>
  <div id="d2">第二个盒子</div>
  <hr/>

  <div id="d3">第三个盒子</div>
  <div id="d4">第四个盒子</div>
 </body>
</html>
